<template>
  <div>
    商品列表。。。
    {{MyTitle}}
    <!--      声明一个按钮，点击的时候执行 btnfn 方法并传递参数进去，btnfn 只是当前文件内部定义了一个名字，并且指定是方法类型的数据，需要 在引入方来具体指定-->
    <button type="button" @click="btnfn(Math.random())">点我</button>
  </div>
</template>

<script>
  export default {
    name: "Content",
    props: {
      //    定义了一个属性叫 MyTitle,类型是string,必须传递，默认值是xx
      'MyTitle': {
        type: String,
        required: true,
        default: 'XX'
      },
      //  定义方法名字，类型是函数，但是此处没有实现，需要在具体引用的地方实现
      'btnfn': {
        type: Function
      }
    }
  }
</script>

<style scoped>

</style>
